<template>
  <div class="post-container">
    <el-tabs :tab-position="tabPosition"  class="tabs-container" >
      <el-tab-pane label="发布帖子">
        <!-- 发布课程 -->
        <postPictures></postPictures>
      </el-tab-pane>

      <el-tab-pane label="发布名师">
      
        <postTeacher></postTeacher>

      </el-tab-pane>
      
      <!-- <el-tab-pane label="发布标签" :v-show="ifshow">
       
        <postTags></postTags>

      </el-tab-pane> -->
      <!-- <el-tab-pane label="发布标签" class="tags-post" :v-show="shouldShowTab">
        <postTags></postTags>
      </el-tab-pane> -->
      
    </el-tabs>
  </div>
</template>

<script>

import postTeacher from './postCompents/postTeacher'
import postTags from './postCompents/postTags'
import postPictures from './postCompents/postPictures'
export default {
  name:'personalPost',
  components:{
  postTeacher,
  postTags,
  postPictures,
  },
  data() {
    return {
      tabPosition: 'left',
      ifshow:false,
      shouldShowTab:false,
    }
  },
 
}
</script>

<style scoped lang="scss">
.post-container{
  width: 100%;
  height: auto;
  padding: 20px;
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
  .tabs-container{
  height: 100%;
}
}

</style>